const styles = {}

styles.Wrapper = {
  width: '100%',
  height: '100vh',
  backgroundImage: 'linear-gradient(to bottom, #91d5ff 0%, #096dd9 100%)',
  overflow: 'auto',
}

styles.Error = {
  width: '400px',
  margin: '140px auto 0',
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  flexDirection: 'column',
}

styles.NotFound = {
  width: '280px',
  height: '200px',
  marginBottom: '10px',
}

styles.Title = {
  fontSize: '16px',
  color: '#ffffff',
  '& a': {
    color: '#ffffff',
    textDecoration: 'underline',
    '&:hover': {
      color: '#003a8c',
    }
  }
}

export default styles
